<!--
 * @Descripttion: 商品详情
 * @version:
 * @Author: cxguo
 * @Date: 2019-08-17 20:26:23
 * @LastEditors: cxguo
 * @LastEditTime: 2020-11-12 14:42:35
 -->
<template>
  <div>
    <el-form
      ref="form"
      :model="insSearchData"
      label-width="80px"
      class="form-no-bottom"
      size="mini"
      inline
    >
      <el-form-item label="业务日期 :">
        <date ref="date" v-model="insSearchData.dateTab" @on-date-change="onDateChange" />
      </el-form-item>
      <div class="divider10">
        <el-divider />
      </div>
      <el-form-item class="form-no-bottom" label="入库状态 :">
        <GroupRadio
          v-model="insSearchData.stockStatus"
          :options="optionsData.stockStatus"
        />
      </el-form-item>
      <div class="divider10"><el-divider /></div>
      <el-form-item class="form-no-bottom" label="经手人 :">
        <SelectEmployee
          v-model="insSearchData.handUserId"
          :is-inc-guide="true"
        />
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
import { oftenuse } from '@/libs/mixins'
import { date } from '@/views/components/Conditions'
import GroupRadio from '@/components/GroupRadio'
import SelectEmployee from '@/views/components/SelectEmployee'
import { getStockInStatus, unshiftLimit } from '@/api/sys/dict.js'
import { conditions } from '@/views/bill/mixins'

export default {
  name: 'SearchFilter',
  components: { date, GroupRadio, SelectEmployee },
  mixins: [oftenuse, conditions],
  props: {
  },
  data() {
    return {}
  },
  created() {
    this.initData()
  },
  methods: {
    initData() {
      this.initOptions()
    },
    initOptions() {
      getStockInStatus().then(data => {
        unshiftLimit(data)
        this.$set(this.optionsData, 'stockStatus', data)
      })
    }
  }
}
</script>
